.comment-score{
  display: flex;
  padding-left: rem(25px);
  padding-right: rem(25px);
  padding-top: rem(15px);
  padding-bottom: rem(15px);
  border-top: rem(10px) solid #f6f6f6;
  border-bottom: rem(1px) solid #d5d5d5;
  .mail-score-content{
    display: flex;
    flex-direction: column;
    .mail-score{
      font-size: rem(32px);
      color: #ffb000;
      margin-bottom: rem(5px);
    }
    .mail-text{
      font-size: rem(12px);
      color: #656565;
    }
  }
  .other-score-content{
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-around;
    .taste-score{
      display: flex;
      justify-content: center;
      .taste-text{
        font-size: rem(12px);
        color: #554343;
      }
      .taste-star-wrap{
        margin-right: rem(7px);
        margin-left: rem(7px);
      }
      .taste-score-text{
        font-size: rem(14px);
        color: #ffb000;
      }
    }
    .package-score{
      display: flex;
      justify-content: center;
      .package-text{
        font-size: rem(12px);
        color: #554343;
      }
      .package-star-wrap{
        margin-right: rem(7px);
        margin-left: rem(7px);
      }
      .package-score-text{
        font-size: rem(14px);
        color: #ffb000;
      }
    }
  }
  .send-score-content{
    display: flex;
    flex-direction: column;
    margin-top: rem(3px);

    .send-score{
      font-size: rem(30px);
      color: #999999;
      margin-bottom: rem(5px);
      text-align: center;
    }
    .send-text{
      font-size: rem(12px);
      color: #656565;
    }
  }
}
  .star {
    width: rem(10px);
    height: rem(10px);
    float: left;
    background-size: cover;
  }

  .fullstar {
    background-image: url("./img/fullstar.png");
  }

  .halfstar {
    background-image: url("./img/halfstar.png");
  }

  .nullstar {
    background-image: url("./img/gray-star.png");
  }